import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'
import './index.css'
import { GlobalStyle } from './style'
import { IconStyle } from "./assets/iconfont/iconfont";
import { BrowserRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
// 表达：从 react-redux 中解构出 Provider 组件，声明式 引入 数据管理功能 
import store from './store'
// 仓库来自于：架构中的 store 模块
import 'swiper/dist/css/swiper.css'

ReactDOM.createRoot(document.getElementById('root')).render(
  // 项目做大了 需要 数据管理功能 redux
  // react 声明式开发 
  <Provider store={store}>
    {/* BrowserRouter 路由 SPA */}
    <BrowserRouter>
      <GlobalStyle />
      <IconStyle />
      {/* react 组件 */}
      <App />
    </BrowserRouter>
  </Provider>
)
